<!--
指令
    ng-app   模块
    ng-controller  控制器：中间件，视图和模型的装饰器
视图模型 $scope
双向数据绑定
-->
<!DOCTYPE html>
<html lang="en" ng-app="hd">
<head>
    <meta charset="UTF-8">
    <script src="../1.6.9/angular.min.js"></script>
</head>
<body>
<div ng-controller="ctrl">
    {{name}}
    <h2 ng-bind="name"></h2>  <!--视图-->
    <input type="text" ng-model="name">   <!--修改后会更新ng-app包裹的范围，双向数据绑定-->
</div>
<script>
    //控制器属于一个模块
    var m = angular.module("hd",[]);//实例化模块，模块管理的DOM节点"hd",[]依赖的其它模块
    //双向数据绑定
    m.controller("ctrl",["$scope", function ($scope) {   //定义控制器   "ctrl"控制器名，依赖注入$scope
        //$scope  viewModel  视图模型
        $scope.name = "哈哈";  //model  server
    }]);
</script>
</body>
</html>